// sass --style compact style.scss style.css
// sass --style compressed style.scss style.css
// sass --watch style.scss:style.css

$spacing: 20px;
$font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-size: 14px;
$font-size-lt: 12px;
$font-size-lg: 16px;
$color-white: #ffffff;
$color-black: #222222;

@mixin transition($prop: all, $duration: 400ms, $timing: linear) {
	-webkit-transition: $prop $duration $timing;
	-moz-transition: $prop $duration $timing;
	-ms-transition: $prop $duration $timing;
	-o-transition: $prop $duration $timing;
	transition: $prop $duration $timing;
}

body {
	margin-top: $spacing + 50px;
	background-color: $color-white;
	font-family: $font-family;
	font-size: $font-size;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.padding-left-zero {
	padding-left: 0 !important;
}
.padding-right-zero {
	padding-right: 0 !important;
}

/* animation style */
.an.ng-enter,
.an.ng-leave,
.an.ng-hide,
.an.ng-hide-add,
.an.ng-hide-remove {
	@include transition();
	position: relative;
	display: block;
}
.an.ng-leave.ng-leave-active,
.an.ng-enter,
.an.ng-hide-add.ng-hide-add-active,
.an.ng-hide-remove {
	transform: scale(1.02, 1.02);
		-webkit-transition: scale(1.02, 1.02);
		-moz-transition: scale(1.02, 1.02);
		-ms-transition: scale(1.02, 1.02);
		-o-transition: scale(1.02, 1.02);
	opacity: 0;
}
.an.ng-enter.ng-enter-active,
.an.ng-leave,
.an.ng-hide-remove.ng-hide-remove-active,
.an.ng-hide-add {
	transform: scale(1, 1);
		-webkit-transition: scale(1, 1);
		-moz-transition: scale(1, 1);
		-ms-transition: scale(1, 1);
		-o-transition: scale(1, 1);
	opacity: 1;
}

/* bootstrap override style */
.row {
	margin-right: -$spacing/2;
	margin-left: -$spacing/2;
	> [class^=col-] {
		padding-right: $spacing/2;
		padding-left: $spacing/2;
	}
}
